<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <title></title>
    <style type="text/css">
    *{
    	margin: 0;
    	padding: 0;
    }
    h1{
    	text-align: center;
    }
	div{
		float: left;
		width: 40%;
		height: 40px;
		background: cornsilk;
		color: #f0f;
		padding: 5px;
		margin: 10px;
		font-size: 16px;
		line-height: 40px;
		text-align: center;
	}
    </style>
</head>
<body>
	<h1>h5plus</h1>
	<div id="device">设备相关</div>
	<div id="contacts">通讯录的增删改查</div>
	<div id="message">编辑发送短信</div>
	<div id="gallery">系统相册</div>
	<div id="camera">设备摄像头</div>
	<div id="events">设备事件监视</div>
	<div id="geolocation">设备地理位置</div>
	<div id="map">调取地图导航</div>
	<div id="push">推送</div>
	<div id="shares">分享</div>
	<div id="pay">支付</div>

	<script>
		document.getElementById('device').onclick = function () {
			window.location.href = 'device.html';
		}
		document.getElementById('contacts').onclick = function () {
			window.location.href = 'contacts.html';
		}
		document.getElementById('gallery').onclick = function () {
			window.location.href = 'gallery.html';
		}
		document.getElementById('camera').onclick = function () {
			window.location.href = 'camera.html';
		}
		document.getElementById('events').onclick = function () {
			window.location.href = 'events.html';
		}
		document.getElementById('geolocation').onclick = function () {
			window.location.href = 'geolocation.html';
		}
		document.getElementById('map').onclick = function () {
			window.location.href = 'map.html';
		}
		document.getElementById('message').onclick = function () {
			window.location.href = 'message.html';
		}
		document.getElementById('push').onclick = function () {
			window.location.href = 'push.html';
		}
		document.getElementById('shares').onclick = function () {
			window.location.href = 'shares.html';
		}
		document.getElementById('pay').onclick = function () {
			window.location.href = 'pay.html';
		}
	</script>
</body>
</html>